<template>
    <view v-if="item.type === 'TIMTextElem'">
        <view class="msg-item">
            <!-- 名字 -->
            <text class="name notice">{{item.nickname}}：</text>
            <!-- msg -->
            <text class="text">{{item.payload.text}}</text>
        </view>
    </view>
</template>

<script>
    export default{
        props: {
            item: {}
        },
        data() {
			return {}
		},
        methods: {
        },
        computed: {}
    }
</script>
<style type="scss">
    .msg-item {
        background: rgba(0, 0, 0, 0.4);
        border-radius: 20rpx;
        display: inline-block;
        padding: 14rpx 20rpx;
        max-width: 80vw;
        color: #fff;
        font-size: 12px;
        margin-bottom: 10rpx;
		overflow: hidden;
		word-break: break-all;
    }
    .lv {
        height: 30rpx;
        width: 30rpx;
        vertical-align: middle;
		border-radius: 50%;
    }
    .name {
        font-size: 24rpx;
        color: #5CB61A;
        line-height: 32rpx;
    }
    .text {
		font-size: 24rpx;
		color: #fff;
		line-height: 32rpx;
    }
</style>
